<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<th:block th:replace="include :: header('角色列表')" />
<body>
	<div class="layui-fluid">
		<div class="layui-row">
	        <div class="layui-col-xs12 layui-col-lg12">
				<div class="layui-collapse" lay-accordion="">
					<div class="layui-colla-item">
						<h2 class="layui-colla-title">搜索</h2>
						<div class="layui-colla-content layui-show">
							<form class="layui-form">
								<div class="layui-form-item">
									<div class="layui-inline">
										<label class="layui-form-label">角色名称：</label>
										<div class="layui-input-inline">
											<input type="text" name="roleName" autocomplete="on" class="layui-input">
										</div>
									</div>
									<div class="layui-inline">
										<label class="layui-form-label">权限字符：</label>
										<div class="layui-input-inline">
											<input type="text" name="roleKey" autocomplete="on" class="layui-input">
										</div>
									</div>
									<div class="layui-inline">
										<label class="layui-form-label">角色状态：</label>
										<div class="layui-input-block">
											<select name="status" lay-filter="status">
												<option value="" selected="">所有</option>
												<option value="0">写作</option>
												<option value="1">阅读</option>
											</select>
										</div>
									</div>
									<div class="layui-inline">
										<label class="layui-form-label">日期范围：</label>
										<div class="layui-input-inline">
											<input type="text" class="layui-input" id="searchTime" placeholder=" - ">
										</div>
									</div>
									<div class="layui-inline">
										<label class="layui-form-label">创建时间：</label>
										<div class="layui-input-inline" style="width: 100px;">
											<input type="text" name="startTime" id="startTime" placeholder="开始时间" autocomplete="off" class="layui-input">
										</div>
										<div class="layui-form-mid">-</div>
										<div class="layui-input-inline" style="width: 100px;">
											<input type="text" name="endTime" id="endTime" placeholder="结束时间" autocomplete="off" class="layui-input">
										</div>
									</div>
								</div>
								<div class="layui-form-item">
									<div class="layui-input-block">
										<button class="layui-btn" lay-submit="" lay-filter="search">搜索</button>
										<button type="reset" class="layui-btn layui-btn-primary">重置</button>
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>

				<table class="layui-hide" id="roleList" lay-filter="roleList"></table>

				<script type="text/html" id="toolbarRole">
					<div class="layui-inline">
						<button class="layui-btn layui-btn-sm" lay-event="addBtn">新增</button>
					</div>
					<div class="layui-inline">
						<button class="layui-btn layui-btn-danger layui-btn-sm" lay-event="delBatchBtn">批量删除</button>
					</div>
					<div class="layui-inline">
						<button class="layui-btn layui-btn-normal layui-btn-sm" lay-event="exportBtn">导出</button>
					</div>

				</script>

				<script type="text/html" id="barRole">
					<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
					<a class="layui-btn layui-btn-xs" lay-event="authDataScope">数据权限</a>
					<a class="layui-btn layui-btn-xs" lay-event="authUser">分配用户</a>
					<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
				</script>
			</div>
		</div>
	</div>
	<th:block th:include="include :: footer-js" />
	<script type="text/javascript" th:src="@{/js/system/role/role.js}"></script>
</body>
</html>